<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#mycan{
				border: aqua solid 3px;
			}
		</style>
	</head>
	<body>
		<canvas id="mycan" width="400" height="300"></canvas>
	</body>
	<script type="text/javascript">
		var canvas = document.getElementById('mycan');
		var zh = canvas.getContext('2d');
		zh.beginPath();
		zh.rect(100,100,100,100);		
		zh.fillStyle = 'black';
		zh.fill();
		zh.lineWidth = 4;
		zh.strokeStyle = 'brown';
		zh.stroke();
		zh.closePath();
	</script>
</html>
